<template>
  <div class="box">
    <h4>sonB</h4>
    <h1>{{ msg }}</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: ''
    }
  },
  mounted() {
    this.$bbb.$on('show', (msg) => {
      this.msg = msg
    })
  },
  beforeDestroy() {
    this.$bbb.off('show')
  }
}
</script>

<style lang="scss" scoped>
.box {
  width: 300px;
  height: 300px;
  border: 10px solid skyblue;
}
</style>
